<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>提现</ion-title>
    <ion-buttons slot="end" (click)="withdrawList()">
      <div style="padding: 4px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 14px;">提现记录</div>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content class="withdraw-c">
  <div class="withdraw-card empty-card" *ngIf="cardStr | empty">
      <img src="assets/icon/bank_empty_icon.png" height="80px"/>
      <p>您还未绑定出款银行卡</p>
  </div>
  <div class="withdraw-card hava-card {{cardStr.bankcode|bankcodeup}}" *ngIf="!(cardStr | empty)" >
      <ion-card style="margin-top: 10px;margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 160px;">
          <ion-card-header>
            <ion-card-title>
              <img src="assets/icon/bankicon/{{cardStr.bankcode|bankcodeup}}.png" style="height: 60px; width: 60px; margin-right: 10px; opacity: 0.7;"/>
              {{cardStr.bankcode | bankname}}
            </ion-card-title>
          </ion-card-header>
          <ion-card-content>
            <p class="card-username" style="text-align: left;">{{cardStr.card}}</p>  
            <p class="card-username" style="text-align: right;">持卡人:{{hideName(cardStr.username)}}</p> 
            <div class="card-right-img">
              <img src="assets/icon/bankicon/{{cardStr.bankcode|bankcodeup}}_d.png" style="width: 100px; height: 90px;" />
            </div>
          </ion-card-content>
      </ion-card>
  </div>
  <div class="withdraw-card" (click)="selectBankCard()">
    <ion-card style="--background:#fff;margin-top: 10px;margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 40px; line-height: 40px; border-radius: 0px;">
        <div style="display: flex; flex-direction: row; align-items: center;"><ion-icon class="iconfont  ion-ios-menu-fill" style="font-size: 30px; color: #f55060; font-weight: bold;"></ion-icon>银行卡列表</div>
    </ion-card>
  </div>
  <div style="color: #555555;font-size: 17px; border-bottom: 1px solid #E8E9EC;margin-top: 30px; margin-bottom: 10px; padding-bottom: 10px;">提款金额</div>
  <div class="withdraw-input">
    <span><ion-icon class="iconfont  ion-ios-renminbi" style="font-size: 20px; color: #000; font-weight: bold;"></ion-icon></span>     
    <ion-input [(ngModel)]="money" class="input" type="number" style="font-size: 12px;" placeholder="请输入提现金额"></ion-input>
    <span (click)="onWithdraw()" style="color: #f55060; font-weight: bold;">全部</span>
  </div>
  <div class="money-msg">
    可提款金额{{balanceNum | decimal}}元(最低提现金额{{minoutcash | decimal}}元)
  </div>
  <div class="btn-c">
      <div class="btn"  (click)="submitWithdraw()">提交申请</div>
  </div>

</ion-content>
<app-tab-self></app-tab-self>